/*
  学习目标：深入props-children属性
  1. 匿名插槽
  2. 具名插槽
  3. 作用域插槽
*/

import React, { Component } from 'react';

export default class App extends Component {
  render() {
    return (
      <div>
        <ChildNoName>
          <span>一行白鹭上青天</span>
        </ChildNoName>
      </div>
    );
  }
}

function ChildNoName({ children }) {
  return (
    <div>
      <h1>{children}</h1>
    </div>
  );
}
